<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>就去逛</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
	<link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/hot/meiguoguan7417.css">
	<link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/hot/swiper.min.css">
	<script type="text/javascript" src="__ROOT__/Apps/WebApp/View/default/js/jquery-1.8.2.min.js"></script>
	<script src="__ROOT__/Apps/WebApp/View/default/css/hot/swiper.min.js"></script>
	<link rel="stylesheet" href="__ROOT__/Apps/WebApp/View/default/css/iconfont.css">
	<script>
		$(document).ready(function()
		{
			var swiper = new Swiper('.swiper-container', {
				/*pagination: '.swiper-pagination',*/
				slidesPerView: 4,
				paginationClickable: true,
				watchSlidesProgress: true,
				spaceBetween: 0,
				nextButton: '.icon',
			})
			document.documentElement.scrollTop = 0
			var nav = document.querySelector('.swiper-container4');
			var navTop = nav.offsetTop;
			nav.classList.add('fixed')
			window.onresize = function()
			{
				var maxWidht = document.documentElement.clientWidth;
				if (maxWidht > 640)
				{
					maxWidht = 640;
				}
				document.documentElement.style.fontSize = ((maxWidht / 640) * 16) + 'px';
			};
			var maxWidht = document.documentElement.clientWidth;
			if (maxWidht > 640)
			{
				maxWidht = 640;
			}
			document.documentElement.style.fontSize = ((maxWidht / 640) * 16) + 'px';
		});
		$(document).ready(function()
		{
			var swiper1 = new Swiper('#ladyCms', {
				slidesPerView: 'auto',
				paginationClickable: true,
				slideToClickedSlide: true,
				freeMode: true,
			});
			$(".swiper-slide-t1").click(function()
			{
				show(1);
				$("#ladyNav").show();
				$(document).scrollTop($(".lis_index_cms .swiper-wrapper").offset().top)
			});
			$(".swiper-slide-t2").click(function()
			{
				show(2);
				$("#ladyNav").show();
				$(document).scrollTop($(".lis_index_cms .swiper-wrapper").offset().top)
			});
			$(".swiper-slide-t3").click(function()
			{
				show(3);
				$("#ladyNav").show();
				$(document).scrollTop($(".lis_index_cms .swiper-wrapper").offset().top)
			});
			$(".swiper-slide-t4").click(function()
			{
				show(4);
				$("#ladyNav").show();
				$(document).scrollTop($(".lis_index_cms .swiper-wrapper").offset().top)
			});
			$(".swiper-slide-t5").click(function()
			{
				show(5);
				$("#ladyNav").show();
				$(document).scrollTop($(".lis_index_cms .swiper-wrapper").offset().top)
			});
			$(".swiper-slide-t6").click(function()
			{
				show(6);
				$("#ladyNav").show();
				$(document).scrollTop($(".lis_index_cms .swiper-wrapper").offset().top)
			});
			$(".swiper-slide-t7").click(function()
			{
				show(7);
				$("#ladyNav").show();
				$(document).scrollTop($(".lis_index_cms .swiper-wrapper").offset().top)
			});
			$(".swiper-slide-t8").click(function()
			{
				show(8);
				$("#ladyNav").show();
				$(document).scrollTop($(".lis_index_cms .swiper-wrapper").offset().top)
			});
			$(".swiper-slide-t9").click(function()
			{
				show(9);
				$("#ladyNav").show();
				$(document).scrollTop($(".lis_index_cms .swiper-wrapper").offset().top)
			});
			function show(tabNum)
			{
				$(".swiper-slide-t" + tabNum).siblings().attr("id", "");
				$(".swiper-slide-t" + tabNum).attr("id", "selectBorder");
				$(".lis_index_cont" + tabNum).siblings().hide();
				$(".lis_index_cont" + tabNum).show();
			}
		})
	</script>
</head>
<body>
<div class="content">

	<div class="lis_index_cms">
		<!-- Swiper -->
		<div style="height: 45px; line-height: 45px;position: fixed;top:0;width: 100%;background: white">
				<div style="width: 7%;display: inline-block;float: left;margin-left: 10px">
					<i class="iconfont" onclick="history.back()" style="font-size: 17px">&#xe649;</i>
				</div>
				<div style="width: 93%;display: inline-block;float: right" class="swiper-container4 swiper-container-free-mode>.swiper-wrapper" id="ladyCms">
					<div class="swiper-wrapper" style="position: relative;float: right;">
						<div class="swiper-slide swiper-slide-t1 swiper-slide-width4" id="selectBorder">
							<span>T恤/卫衣</span>
						</div>

						<div class="swiper-slide swiper-slide-t2"><span>毛衣/针织</span></div>

						<div class="swiper-slide swiper-slide-t3 swiper-slide-width4"><span>衬衫小衫</span></div>

						<div class="swiper-slide swiper-slide-t4 swiper-slide-width4"><span>外套/马甲</span></div>

						<div class="swiper-slide swiper-slide-t5"><span>裙装</span></div>

						<div class="swiper-slide swiper-slide-t6"><span>裤装</span></div>

						<div class="swiper-slide swiper-slide-t7"><span>吊带/背心</span></div>
						<div class="swiper-slide swiper-slide-t8"><span>童装</span></div>
						<div class="swiper-slide swiper-slide-t9"><span>太阳眼镜</span></div>
					</div>
				</div>
				<div style="transform: scaleY(.5);background-color: #c8c7cc;height: 1px;width: 100%;margin-top: 45px">	</div>
			</div>

		<div class="lis_index_main" style="margin-top: 55px;">
			<div class="lis_index_cont lis_index_cont1">
				<div style="width:100%; overflow:hidden;">
					<a class="cms_a" href="http://t.moonbasa.com/970100135"><img data-original="http://vp3.mbsimg.com/ProductImg/97/1502/large/970100135-cl01-01-l.jpg" style="width:100%;height: 200px;" src="http://vp2.mbsimg.com/ProductImg/97/1503/large/970116579-cl01-01-l.jpg"/>

						<div class="cms_title">女式时尚炫酷太阳镜B</div>
						<div class="cms_price">
							<span class="cms_saleprice">￥<span>109.00</span></span><span class="cms_cprice">￥<span>159.00</span></span>
						</div>
					</a>
					<a class="cms_a" href="http://t.moonbasa.com/970097884"><img data-original="http://vp1.mbsimg.com/ProductImg/97/1502/large/970097884-cl01-01-l.jpg" style="width:100%;height: 200px;" src="http://vp2.mbsimg.com/ProductImg/97/1503/large/970116579-cl01-01-l.jpg"/>

						<div class="cms_title">男式时尚炫酷太阳镜B</div>
						<div class="cms_price">
							<span class="cms_saleprice">￥<span>109.00</span></span><span class="cms_cprice">￥<span>159.00</span></span>
						</div>
					</a>
					<a class="cms_a" href="http://t.moonbasa.com/970100135"><img data-original="http://vp3.mbsimg.com/ProductImg/97/1502/large/970100135-cl01-01-l.jpg" style="width:100%;height: 200px;" src="http://vp2.mbsimg.com/ProductImg/97/1503/large/970116579-cl01-01-l.jpg"/>

						<div class="cms_title">女式时尚炫酷太阳镜B</div>
						<div class="cms_price">
							<span class="cms_saleprice">￥<span>109.00</span></span><span class="cms_cprice">￥<span>159.00</span></span>
						</div>
					</a>
					<a class="cms_a" href="http://t.moonbasa.com/970097884"><img data-original="http://vp1.mbsimg.com/ProductImg/97/1502/large/970097884-cl01-01-l.jpg" style="width:100%;height: 200px;" src="http://vp2.mbsimg.com/ProductImg/97/1503/large/970116579-cl01-01-l.jpg"/>

						<div class="cms_title">男式时尚炫酷太阳镜B</div>
						<div class="cms_price">
							<span class="cms_saleprice">￥<span>109.00</span></span><span class="cms_cprice">￥<span>159.00</span></span>
						</div>
					</a>
					<a class="cms_a" href="http://t.moonbasa.com/970100135"><img data-original="http://vp3.mbsimg.com/ProductImg/97/1502/large/970100135-cl01-01-l.jpg" style="width:100%;height: 200px;" src="http://vp2.mbsimg.com/ProductImg/97/1503/large/970116579-cl01-01-l.jpg"/>

						<div class="cms_title">女式时尚炫酷太阳镜B</div>
						<div class="cms_price">
							<span class="cms_saleprice">￥<span>109.00</span></span><span class="cms_cprice">￥<span>159.00</span></span>
						</div>
					</a>
					<a class="cms_a" href="http://t.moonbasa.com/970097884"><img data-original="http://vp1.mbsimg.com/ProductImg/97/1502/large/970097884-cl01-01-l.jpg" style="width:100%;height: 200px;" src="http://vp2.mbsimg.com/ProductImg/97/1503/large/970116579-cl01-01-l.jpg"/>

						<div class="cms_title">男式时尚炫酷太阳镜B</div>
						<div class="cms_price">
							<span class="cms_saleprice">￥<span>109.00</span></span><span class="cms_cprice">￥<span>159.00</span></span>
						</div>
					</a>
					<a class="cms_a" href="http://t.moonbasa.com/970100135"><img data-original="http://vp3.mbsimg.com/ProductImg/97/1502/large/970100135-cl01-01-l.jpg" style="width:100%;height: 200px;" src="http://vp2.mbsimg.com/ProductImg/97/1503/large/970116579-cl01-01-l.jpg"/>

						<div class="cms_title">女式时尚炫酷太阳镜B</div>
						<div class="cms_price">
							<span class="cms_saleprice">￥<span>109.00</span></span><span class="cms_cprice">￥<span>159.00</span></span>
						</div>
					</a>
					<a class="cms_a" href="http://t.moonbasa.com/970097884"><img data-original="http://vp1.mbsimg.com/ProductImg/97/1502/large/970097884-cl01-01-l.jpg" style="width:100%;height: 200px;" src="http://vp2.mbsimg.com/ProductImg/97/1503/large/970116579-cl01-01-l.jpg"/>

						<div class="cms_title">男式时尚炫酷太阳镜B</div>
						<div class="cms_price">
							<span class="cms_saleprice">￥<span>109.00</span></span><span class="cms_cprice">￥<span>159.00</span></span>
						</div>
					</a>
					<a class="cms_a" href="http://t.moonbasa.com/970100135"><img data-original="http://vp3.mbsimg.com/ProductImg/97/1502/large/970100135-cl01-01-l.jpg" style="width:100%;height: 200px;" src="http://vp2.mbsimg.com/ProductImg/97/1503/large/970116579-cl01-01-l.jpg"/>

						<div class="cms_title">女式时尚炫酷太阳镜B</div>
						<div class="cms_price">
							<span class="cms_saleprice">￥<span>109.00</span></span><span class="cms_cprice">￥<span>159.00</span></span>
						</div>
					</a>
					<a class="cms_a" href="http://t.moonbasa.com/970097884"><img data-original="http://vp1.mbsimg.com/ProductImg/97/1502/large/970097884-cl01-01-l.jpg" style="width:100%;height: 200px;" src="http://vp2.mbsimg.com/ProductImg/97/1503/large/970116579-cl01-01-l.jpg"/>

						<div class="cms_title">男式时尚炫酷太阳镜B</div>
						<div class="cms_price">
							<span class="cms_saleprice">￥<span>109.00</span></span><span class="cms_cprice">￥<span>159.00</span></span>
						</div>
					</a>
				</div>
			</div>
			<div class="lis_index_cont lis_index_cont7">
				7
			</div>
			<div class="lis_index_cont lis_index_cont8">
				8
			</div>
			<div class="lis_index_cont lis_index_cont9">
				<div style="width:100%; overflow:hidden;">
					<a class="cms_a" href="http://t.moonbasa.com/970100135"><img data-original="http://vp3.mbsimg.com/ProductImg/97/1502/large/970100135-cl01-01-l.jpg" style="width:100%;height: 200px;" src="http://vp2.mbsimg.com/ProductImg/97/1503/large/970116579-cl01-01-l.jpg"/>

						<div class="cms_title">女式时尚炫酷太阳镜B</div>
						<div class="cms_price">
							<span class="cms_saleprice">￥<span>109.00</span></span><span class="cms_cprice">￥<span>159.00</span></span>
						</div>
					</a>
					<a class="cms_a" href="http://t.moonbasa.com/970097884"><img data-original="http://vp1.mbsimg.com/ProductImg/97/1502/large/970097884-cl01-01-l.jpg" style="width:100%;height: 200px;" src="http://vp2.mbsimg.com/ProductImg/97/1503/large/970116579-cl01-01-l.jpg"/>

						<div class="cms_title">男式时尚炫酷太阳镜B</div>
						<div class="cms_price">
							<span class="cms_saleprice">￥<span>109.00</span></span><span class="cms_cprice">￥<span>159.00</span></span>
						</div>
					</a>
				</div>
			</div>

		</div>

	</div>
</div>
</body>

</html>
